<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--iPhone私有标签，它表示：允许全屏模式浏览-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!--iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式-->
    <meta name="format-detection" content="telephone=no; email=no" />
    <!--不识别邮件和不把数字识别为电话号码-->
    <link rel="stylesheet" href="./css/front-less/common.css" />
    <link rel="stylesheet" href="./css/front-less/recorded.css" />
    <link rel="stylesheet" href="./css/front-less/recorded-curse.css" />
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <title>查看机构</title>
</head>
<body>
<!--导航模块-->
<nav class="container-layout" id="public-header">
    <div class="content-layout" id="header-nav">
        <div class="logo-box">
            <a href="" class="logo">
                <img src="" alt="">
            </a>
            <div class="identity">
                我是教师
            </div>
            <div class="help-center">
                帮助中心
            </div>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li class="navbar-right-item">
                <ul class="fun">
                    <li class="fun-item user-hint">
                        <a href="javascript:;" class="icon icon-hint"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="./personal-msg.html">评论</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-like.html">赞</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-follow.html">粉丝</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-sys.html">系统通知</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="fun-item">
                        <a href="javascript:;" class="icon icon-msg"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="javascript:;">私发</a>
                                </li>
                                <li class="fun-list">
                                    <a href="javascript:;">群聊</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
            <!--<li class="user-lr">-->
            <!--<a href="javascript:;" class="register">注册</a>-->
            <!--<span class="sep">|</span>-->
            <!--<a href="javascript:;" class="login">登录</a>-->
            <!--</li>-->
            <li class="has-login navbar-right-item">
                <a href="javascript:;" class="user-header-top">
                    <img src="" alt="">
                </a>
                <div class="personal-fun">
                    <ul>
                        <li class="fun-list">
                            <a href="./personal-curse-m.html">我的主页</a>
                        </li>
                        <li class="fun-list">
                            <a href="./personal-study-r.html">学习记录</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">退出登录</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>

    </div>
</nav>
<!--主体部分-->
<div class="container-layout" id="container-main">
    <div class="content-layout" >
        <div class="layui-carousel" id="recorded-swiper">
            <div carousel-item>
                <div>条目1</div>
                <div>条目2</div>
                <div>条目3</div>
                <div>条目4</div>
                <div>条目5</div>
            </div>
        </div>
        <div class="org-left">
            <div class="org-inform">
                <div class="dot-box">
                    ...
                    <div class="org-fun-box">
                        <ul class="org-fun-list">
                            <li class="org-fun-item">
                                <a href="javascript:;" class="share-btn fun-btn">分享</a>
                            </li>
                            <li class="org-fun-item">
                                <a href="javascript:;" class="report-btn fun-btn">举报</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <img src="" alt="" class="org-logo">
                <p class="org-name">火星时代</p>
                <ul class="org-label">
                    <li class="label"></li>
                    <li class="label"></li>
                </ul>
                <div class="rela-ex">
                    <ul class="org-list">
                        <li class="org-item">
                            <p class="rela-have">90%</p>
                            <p class="rela-name">好评</p>
                        </li>
                        <li class="org-item">
                            <p class="rela-have">156</p>
                            <p class="rela-name">课程</p>
                        </li>
                        <li class="org-item">
                            <p class="rela-have">335</p>
                            <p class="rela-name">关注</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="org-list">
                <ul class="org-cate">
                    <li class="org-cate-d active">
                        <a href="./recorded-curse.html">机构主页</a>
                    </li>
                    <li class="org-cate-d">
                        <a href="./organization-curse.html">全部课程</a>
                    </li>
                    <li class="org-cate-d">
                        <a href="./organization-teacher.html">教师团队</a>
                    </li>
                    <li class="org-cate-d">
                        <a href="./organization-about-us.html">关于我们</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="org-right">
            <h3 class="main-p-title">重点课程</h3>
            <ul class="emp-list">
                <li class="emp-item">
                    <img src="" alt="" class="curse-img">
                    <div class="emp-right">
                        <h3 class="curse-name">电商banner设计进阶班</h3>
                        <p class="curse-intro">课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位</p>
                        <p class="curse-cost">￥1300.00</p>
                        <span class="curse-h-learn">2315人学过</span>
                        <a href="./pay-page.html" class="layui-btn buy-now">立即购买</a>
                    </div>
                </li>
                <li class="emp-item">
                    <img src="" alt="" class="curse-img">
                    <div class="emp-right">
                        <h3 class="curse-name">电商banner设计进阶班</h3>
                        <p class="curse-intro">课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位</p>
                        <p class="curse-cost free">免费</p>
                        <span class="curse-h-learn">2315人学过</span>
                        <a href="./pay-page.html" class="layui-btn buy-now">立即购买</a>
                    </div>
                </li>
            </ul>
            <h3 class="main-p-title">普通课程</h3>
            <ul class="emp-list">
                <li class="emp-item">
                    <img src="" alt="" class="curse-img">
                    <div class="emp-right">
                        <h3 class="curse-name">电商banner设计进阶班</h3>
                        <p class="curse-intro">课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位</p>
                        <p class="curse-cost">￥1300.00</p>
                        <span class="curse-h-learn">2315人学过</span>
                        <a href="./pay-page.html" class="layui-btn buy-now">立即购买</a>
                    </div>
                </li>
                <li class="emp-item">
                    <img src="" alt="" class="curse-img">
                    <div class="emp-right">
                        <h3 class="curse-name">电商banner设计进阶班</h3>
                        <p class="curse-intro">课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位</p>
                        <p class="curse-cost free">免费</p>
                        <span class="curse-h-learn">2315人学过</span>
                        <a href="./pay-page.html" class="layui-btn buy-now">立即购买</a>
                    </div>
                </li>
                <li class="emp-item">
                <img src="" alt="" class="curse-img">
                <div class="emp-right">
                    <h3 class="curse-name">电商banner设计进阶班</h3>
                    <p class="curse-intro">课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位课程定位</p>
                    <p class="curse-cost free">免费</p>
                    <span class="curse-h-learn">2315人学过</span>
                    <a href="./pay-page.html" class="layui-btn buy-now">立即购买</a>
                </div>
            </li>
            </ul>
            <h3 class="main-p-title">教师团队（226）</h3>
            <ul class="teacher-list">
                <li class="teacher-box">
                    <div class="teacher-top">
                        <a href="./teacher-page.html" class="teacher-header-i">
                            <img src="" alt="">
                        </a>
                        <div class="teacher-intro-base">
                            <a href="./teacher-page.html" class="teacher-name-i">甄妮</a><ul class="teacher-label"><li class="label-t"></li><li class="label-t"></li></ul>
                            <ul class="teacher-eval">
                                <li class="eval-item">腾讯UI设计师</li>
                                <li class="eval-item">课程：<span class="eval-d">2</span></li>
                                <li class="eval-item">学生：<span class="eval-d">232</span></li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="follow-btn">关注</a>
                    </div>
                    <div class="intro-box">
                        目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯
                    </div>
                </li>
                <li class="teacher-box">
                    <div class="teacher-top">
                        <a href="./teacher-page.html" class="teacher-header-i">
                            <img src="" alt="">
                        </a>
                        <div class="teacher-intro-base">
                            <a href="./teacher-page.html" class="teacher-name-i">甄妮</a><ul class="teacher-label"><li class="label-t"></li><li class="label-t"></li></ul>
                            <ul class="teacher-eval">
                                <li class="eval-item">腾讯UI设计师</li>
                                <li class="eval-item">课程：<span class="eval-d">2</span></li>
                                <li class="eval-item">学生：<span class="eval-d">232</span></li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="follow-btn">关注</a>
                    </div>
                    <div class="intro-box">
                        目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯
                    </div>
                </li>
                <li class="teacher-box">
                    <div class="teacher-top">
                        <a href="./teacher-page.html" class="teacher-header-i">
                            <img src="" alt="">
                        </a>
                        <div class="teacher-intro-base">
                            <a href="./teacher-page.html" class="teacher-name-i">甄妮</a><ul class="teacher-label"><li class="label-t"></li><li class="label-t"></li></ul>
                            <ul class="teacher-eval">
                                <li class="eval-item">腾讯UI设计师</li>
                                <li class="eval-item">课程：<span class="eval-d">2</span></li>
                                <li class="eval-item">学生：<span class="eval-d">232</span></li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="follow-btn">关注</a>
                    </div>
                    <div class="intro-box">
                        目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯
                    </div>
                </li>
            </ul>
            <div id="laypage-f"></div>
        </div>
    </div>
</div>

<script src="./js/assets/less.min.js"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./js/front-js/common.js"></script>
<script src="./js/front-js/recorded-curse.js"></script>
</body>
</html>